/*


   Magic Zoom Plus v2.0.0 DEMO
   Copyright 2009 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magiczoomplus/


*/

.MagicZoom img {
border: 1px solid #b5b5b5;
padding: 0 !important;
margin: 0 !important;
}

/* Style of zoomed window */
.MagicZoomBigImageCont {
border: 1px solid #999;
}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(../img/loading.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}
/* Style of the small image link */
.MagicZoomPlus {
cursor: url(../img/zoomin.png), auto;
outline: 0 !important;
width: 576px;
display: block; float: left;
}

/* Style of the small image */
.MagicZoomPlus img {
padding: 0 !important;
margin: 0 !important;
border: 1px solid #dadada;
width: 576px;
height: 449px;
}

/* Style of the span inside the small image link */
.MagicZoomPlus span {
display: none !important; 
}


/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(../img/zoomin.png), auto;
outline: 0 !important;
}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
 cursor: default;
}

/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;
}

/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;
}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(../img/zoomout.png), auto;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;
-moz-box-shadow: 0px 5px 8px #000; -webkit-box-shadow: 0px 5px 8px #000; box-shadow: 0px 5px 8px #000;
}

/* Style of the caption for the expanded image */

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(../img/close-btn.gif) no-repeat !important;
height: 40px;
width: 40px;
display: block;
left: auto !important;
right: 3px !important;
background-position: -65px 3px !important
}

.MagicThumb-buttons a {
height: 40px;
width: 40px;
margin: 0px 1px !important;
overflow: hidden;
background-position: -65px 3px !important
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(../img/loading.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}

/*-- Style for tablet display : ipad and android*/
@media only screen and (device-width: 768px) {

.MagicZoomPlus {
width: 442px;
}

/* Style of the small image */
.MagicZoomPlus img {
width: 440px;
height: 341px;
}

}